<template>
    <div>

            <div class="ls-card">
                <el-page-header @back="$router.go(-1)" :content="$t('订单详情')" />
            </div>

            <!-- 头部 -->
            <div class="flex m-t-24">
                <div class="ls-card ls-supplier-edit__header">
                    <el-page-header
                            @back="$router.go(-1)"
                            :content="id ? '编辑供应商' : '新增供应商'"
                    ></el-page-header>
                </div>
                <div class="nr weight-500 m-b-20 title">{{orderData.delivery_type==1?'用户及收货信息':'提货信息'}}</div>
                 我们
                <div> 中国 </div>
                <div> ， </div>
                <div labe="世界"> aass </div>
                <div labe="aaa订单bbbb"> aass </div>
                <div class="inline m-l-24" :title="'收货地址修改'" width="35vw" @confirm="orderAddressSet()"></div>
                <el-form-item
                        label="快递名称"
                        required
                        prop="name"
                        :rules="[
                        {
                            required: true,
                            message: $t('请输入快递名称'),
                            trigger: ['blur', 'change'],
                        },
                    ]"
                >

            <el-rate size="large" show-text v-model="form.goods_comment" :texts="[$t('差评'),'差评','中评', '中评','好评']"></el-rate>
                    <el-form-item label="H5订单状态">
            </div>
            <div class="ls-card">
                <el-alert title="
                温馨提示：电子面单打印配置流程；
                1.系统支持的面单类型为快递100，需前往快递100官方申请账号并企业认证得到授权Key和Secret；
                2.需购买快递100云打印机，从打印机底部标签中可获取打印机设备编号(siid)，其他打印机不可用；
                3.需新建发件人信息模板，以供打印时选择发件人；
                4.需新建电子面单模板，以供打印时选择电子面单模板；
                5.特别注意：创建电子面单模板时用到的电子面单客户账号和密码，需自行联系快递公司开通获取并购买面单打印份额；"
                          type="info" show-icon :closable="false">
                </el-alert>
            </div>
        <el-button @click="toOrder(scope.row.order_id)" v-if="scope.row.status_text === '已使用'" slot="trigger" type="text" size="small">查看订单</el-button>
    </div>
</template>

<script lang="ts">
    import {
        Component,
        Vue
    } from "vue-property-decorator";
    import {
        apiUserLabelList,
        apiUserLabelDel
    } from "@/api/user/user"
    import {
        LabelLists_Req
    } from "@/api/user/user.d.ts"
    import {
        PageMode
    } from "@/utils/type"
    import {
        copyClipboard,
        RequestPaging
    } from "@/utils/util"
    import LsDialog from '@/components/ls-dialog.vue'
    import LsPagination from "@/components/ls-pagination.vue"
    import ExportData from '@/components/export-data/index.vue'
    @Component({
        components: {
            LsDialog,
            LsPagination,
            ExportData,
        },
    })
    export default class userTag extends Vue {
        /** S Data **/
            // 分页请求
        pager: RequestPaging = new RequestPaging()
        // 查询表单
        form: LabelLists_Req = {
            name: "", //标签名称
        };
        // 被选中的
        multipleSelection = []

        apiUserLabelList = apiUserLabelList
        /** E Data **/

        /** S Methods **/
        // 重置搜索框内容
        onReset() {
            this.form.name = ""
            this.getUserLabelList()
        }
        // 获取用户标签列表
        getUserLabelList(page?:number): void {
            page && (this.pager.page = page)
            // 分页请求
            this.pager
                .request({
                    callback: apiUserLabelList,
                    params: this.form
                })
                .catch(() => {
                    this.$message.error("数据请求失败，刷新重载!")
                })
        }
        handleCopy(value: string) {
            copyClipboard(value).then(() => {
                this.$message.success("复制成功")
            }).catch(err => {
                this.$message.error('复制失败')
                console.log(err)
            })
        }


        // 删除用户标签
        onUserLabelDel(item: any) {
            apiUserLabelDel({
                ids: [item.id]
            }).then(() => {
                this.getUserLabelList();
                this.$message.success("删除成功!");
            }).catch(() => {
            })
        }
        // 批量删除
        onUserLabelDelAll() {
            let idArray: Array<Object> = []
            if(this.multipleSelection.length <= 0) {
                this.$message.error("请选择要删除的标签!");
                return
            }
            apiUserLabelDel({
                ids: idArray
            }).then(() => {
                this.getUserLabelList();
                this.$message.success("删除成功!");
            }).catch(() => {
            })
        }

    }
</script>

